html,body{ position:relative; height:100%; overflow:hidden}
body{ background:#f0f1f7}
.h38{ height:38px;}
.w38{ width:38px;}
.fixHead{ position:absolute; top:0; left:0; right:0; height:100px; background:#fff;}
.fixHead .venueTitle{ height:50px; line-height:50px; padding-left:30px; font-size:22px; color:#2f3135; border-bottom:1px solid #edefee; background:#fff}
.fixHead .headCon{ overflow:hidden; position:relative; padding-left:30px; padding-top:8px;}
.fixHead .formGroup,.fixHead .formGroup .group{ float:left; position:relative; margin-right:15px;}
.fixHead .formGroup .group .formInp{ width:50px; padding-left:10px}
.fixHead .formGroup .group .t{ position:absolute; top:10px; right:7px;}
.fixHead .radioGroup{ padding-top:10px;}
.fixHead .radioGroup input{ vertical-align:middle; margin-right:2px;}
.fixHead .btnGroup{ float:right; padding-top:1px;}
.fixHead .btnGroup .btn{ float:right; display:block; height:32px; padding:0 25px; line-height:32px; margin-right:20px; background:#2a98da; color:#fff; text-align:center; border-radius:3px;}
.fixHead .homeGroup{ position:absolute; top:19px; right:9px;}
.fixHead .homeGroup a:hover{ color:#2a98da}
.posHead{ position:fixed; top:100px; left:0; right:0; background:#f0f1f7; border-bottom:1px solid #e1e2e5}
.mainContainer{ position:absolute; top:139px; left:0; right:0; bottom:0; width:100%; overflow:hidden; background:#fff;}
.mainContainer .colHead{ position:absolute; top:0px; left:0; right:0; background:#f6f7fb; overflow:hidden}
.mainContainer .rowHead{ position:absolute; top:0px; left:0; bottom:0; width:38px; background:#f6f7fb; overflow:hidden}

.seatUlWrap{ position:absolute; top:39px; left:38px; bottom:5px; right:0; overflow:hidden;}
#stageUl{ position:relative; overflow:hidden; margin:0 auto; font-size:0}
#stageUl .box{ float:left; margin-right:1px; margin-bottom:1px; font-size:12px; background:#d1d1d1}
#stageUl .box .gou,#stageUl .box .t,#stageUl .box .state{ display:none}
#stageUl .box .t{ position:absolute; left:0; right:0; bottom:0; text-align:center; color:#fff; line-height:1.2}
#stageUl .stageBox .state .iconfont{ font-size:18px; color:#fff;}

#contextMenuWrap{ display:none; position:fixed; z-index:10001; top:0; left:0; bottom:0; right:0; background:none}
#contextMenuWrap .menuUl{ position:absolute; width:140px; background:#eee; border:1px solid #ccc;}
#contextMenuWrap .menuLi{ height:28px; line-height:28px; cursor:pointer; padding:0 5px 0 15px; border-bottom:1px solid #ccc; border-top:1px solid #fff;}
#contextMenuWrap .menuLi:hover{ background:#2a98da; color:#fff}
#contextMenuWrap .menuLi.setVenueMenuLi.unable{ background:#e0e0e0; color:#a0a0a0; cursor:default;}
#contextMenuWrap .menuLi.setVenueMenuLi.unable .iconfont{ color:#a0a0a0}
#contextMenuWrap .menuLi.setVenueMenuLi.unable:hover{ background:#e0e0e0; color:#a0a0a0}
#contextMenuWrap .menuLi .iconfont{ float:right; font-size:16px; top:1px; margin-right:1px; color:#6a6e70}
#contextMenuWrap .menuLi:hover .iconfont{ color:#fff}
/* 设置坐位 */
#setSeatWrap{ display:none; position:absolute; left:300px; top:100px; z-index:10002; background:#f7f7f7; border:1px solid #dbdbdb}
#setSeatWrap .con{ width:120px; padding:10px 0px 0 10px;}
#setSeatWrap .box{ width:100%; overflow:hidden; padding-bottom:8px}
#setSeatWrap .box .lt{ display:block; width:40px; float:left; margin-top:5px;}
#setSeatWrap .box .rt{ float:left;}
#setSeatWrap .box.areaBox .setSeatSelect{ position:relative; z-index:10001; width:98px; height:32px; line-height:32px;}
#setSeatWrap .box.seatBox .formInp{ width:50px; padding:4px 5px; text-align:center}
#setSeatWrap .butLine{ width:100%; overflow:hidden; margin-top:2px; border-top:1px solid #bdbdbd; text-align:center;}
#setSeatWrap .butLine .btn{ display:block; height:36px; line-height:36px; cursor:pointer; text-align:center; }
#setSeatWrap .butLine .btn:hover{ color:#2a98da}

#areaHeadWrap{ overflow:hidden; padding:0 38px 0 39px; background:#f0f1f7; border-bottom:1px solid #e1e2e5}
#areaHeadWrap .areaLi{ float:left; height:38px; line-height:38px; margin-right:25px;}
#areaHeadWrap .areaLi:last-child{margin-right:0}
#areaHeadWrap .areaLi .color{ display:block; float:left; width:13px; height:13px; font-size:0;  margin-top:13px; margin-right:3px;}
#areaHeadWrap .areaLi .t{ display:block; float:left;}
#areaHeadWrap .areaLi .sicon{ float:left; margin-right:2px; position:relative; top:-1px;}
#areaHeadWrap .areaLi .sicon .iconfont{ font-size:20px; color:#3eba40}
#areaHeadWrap .areaLi .sicon.saved .iconfont{ top:2px; margin-right:-1px; font-size:19px;}
#areaHeadWrap .areaLi.state{ float:right; margin-left:20px; margin-right:0}

#mainContainer .headBox .numInp{ width:95%; height:36px; line-height:22px; margin:0 auto; text-align:center; color:#f37138; background:#fff; border:1px solid #f37138; padding:0;}
.lt-ie10 #mainContainer .headBox .numInp{ line-height:36px;}


.fixHead .btnGroup .btn{ margin-right:10px;}
.fixHead .btnGroup .btn:hover{ text-decoration:none}
.mainContainer{ background:#f6f7fb}
#seatUlWrap{ overflow:hidden; background:#fff; -moz-user-select:none; -webkit-user-select:none; user-select:none;}
#stageUl{ margin:0 auto; -moz-user-select:none; -webkit-user-select:none; user-select:none;}
#stageUl .stageBox{ position:relative; float:left; margin:0 1px 1px 0; text-align:center;}
#stageUl .stageBox .gou{ position:absolute; top:6px; right:6px; line-height:1; font-size:10px; color:#e12424}
#stageUl .stageBox.active .gou{ display:block}
#colHead{ margin-left:37px;}
#colHead .listUl .box{ height:38px; line-height:38px; float:left; margin-right:1px; text-align:center}
#colHead .listUl{ position:relative; overflow:hidden; margin:0 auto;}
#rowHead{ margin-top:38px;}
#rowHead .listUl{ position:relative;}
#rowHead .listUl .box{ width:38px; text-align:center; margin-bottom:1px}
#dragRectBox{ position:absolute; font-size:0; background:#f5f0c7; border:1px solid #c4bd8c}
#setSeatWrap{ left:140px; top:-1px;}
#setVenueMenuLi:hover #setSeatWrap{ display:block; color:#333}
#topFormGroup .radioGroup input,#topFormGroup .radioGroup label{ cursor:pointer}

#pageMasker{ display:none; position:fixed; top:139px; left:0; right:0; bottom:0; z-index:1000; background:#fff; text-align:center;}
#pageMasker .con{ margin-top:200px; text-align:center; color:#666}
#pageMasker .con .iconfont{ margin-right:2px; vertical-align:middle}
#pageMasker .con .t{ vertical-align:middle; color:#666}


#stageUl .sicon{ display:inline-block; width:24px; height:24px; line-height:24px; border-radius:50%; background:#fff; text-align:center}
#stageUl .sicon .iconfont{ color:#3eba40; font-size:16px;}
